
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>W3Cschool教程(w3cschool.cn)</title>
<style> 
	body {margin-left: 150px;margin-top: 150px;margin-right: 100px;margin-bottom: 100px;background-attachment:fixed ;text-align:center;width:960px;}
div 
{ 
transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); /* IE 9 */ 
-webkit-transform: rotate(-45deg); /* Safari and Chrome */ 
}  
div{
	border-radius: 50px;
    background:pink;
    padding: 50px;
	width:250px;
	height:250px;

	transition:width 10s;
	-webkit-transition:width 5s; /* Safari */
	}	
div:hover
{
	width:100px;
}
</style>
</head>
<body>



<div><h3>Emma is so beautiful</h3></div>
	
</body>
</html>